﻿@model FOModels.BlogNews.BlogNewsModels
@{
    var blognews = (List<FOModels.BlogNews.BlogNewsModels>)ViewBag.ListBlogNews;
    int i = 1;
}
<div class="topnews-left">
    <div id="top4" class="top4">
        @if (Model != null)
        {
            <div class="hotnews-content">
                <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(Model.BlogNewsTitle.ToLower()), BlogNewsID = Model.BlogNewsID })" class="aHN-img" title="@Model.BlogNewsTitle">
                    <img src="@Model.BlogNewsImg"  width="335" height="250" alt="@Model.BlogNewsTitle" title="@Model.BlogNewsTitle">
                    <div class="frame250_195 png"></div>
                </a>
                <h1 class="titleHN">
                    <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(Model.BlogNewsTitle.ToLower()), BlogNewsID = Model.BlogNewsID })" title="@Model.BlogNewsTitle" class="link-topnews">@Model.BlogNewsTitle

                    </a><a style="text-decoration: none;" href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(Model.BlogNewsTitle.ToLower()), BlogNewsID = Model.BlogNewsID })"><span class="spanListHome icon_commend">&nbsp;<span class="widget-comment-2966259-1">@Model.ViewCount</span></span></a></h1>
                <h2 class="h2leadHN">@Model.BlogNewsSumary</h2>
                 <p class="title-cate-blog">[<a href="@Url.Action("BlogNewsCate", "BlogNews", new {BlogNewsCategoryName = FO.Models.Conver.ConvertToUnSign(Model.BlogNewsCategoryName.ToLower()),BlogNewsCategoryID = Model.BlogNewsCategoryID })"> @Model.BlogNewsCategoryName </a>]</p>
            </div>
        }

    </div>
    <div class="clr"></div>
    <div class="box-featured">
        @if (blognews.Count() > 0)
        {
            foreach (var b in blognews)
            {
                if (i != 3)
                {
            <div class="featured-item">
                <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(b.BlogNewsTitle.ToLower()), BlogNewsID = b.BlogNewsID })" title="@b.BlogNewsTitle">
                    <img src="@b.BlogNewsImg" alt="@b.BlogNewsTitle" title="@b.BlogNewsTitle" /></a>
                <h1>
                    <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(b.BlogNewsTitle.ToLower()), BlogNewsID = b.BlogNewsID })">@b.BlogNewsTitle</a>
                    <!-- <span class="social hot" style="display: inline;">HOT</span> -->
                </h1>
                 <p class="title-cate-blog">[<a href="@Url.Action("BlogNewsCate", "BlogNews", new {BlogNewsCategoryName = FO.Models.Conver.ConvertToUnSign(b.BlogNewsCategoryName.ToLower()),BlogNewsCategoryID = b.BlogNewsCategoryID })"> @b.BlogNewsCategoryName </a>]</p>
            </div>
                }
                else
                {
            <div class="featured-item" style="margin-right:0px;">
                <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(b.BlogNewsTitle.ToLower()), BlogNewsID = b.BlogNewsID })" title="@b.BlogNewsTitle">
                    <img src="@b.BlogNewsImg" alt="@b.BlogNewsTitle" title="@b.BlogNewsTitle" /></a>
                <h1>
                    <a href="@Url.Action("BlogNewsDetail", "BlogNews", new { BlogNewsTitle = FO.Models.Conver.ConvertToUnSign(b.BlogNewsTitle.ToLower()), BlogNewsID = b.BlogNewsID })">@b.BlogNewsTitle</a>
                    <!-- <span class="social hot" style="display: inline;">HOT</span> -->
                </h1>
                 <p class="title-cate-blog">[<a href="@Url.Action("BlogNewsCate", "BlogNews", new {BlogNewsCategoryName = FO.Models.Conver.ConvertToUnSign(b.BlogNewsCategoryName.ToLower()),BlogNewsCategoryID = b.BlogNewsCategoryID })"> @b.BlogNewsCategoryName </a>]</p>
            </div>  
                }
                i = i + 1;

            }
        }

    </div>
</div>
